<!-- 主题设置模板 -->
<script type="text/html" template lay-done="layui.data.theme();">
    {{#var local = layui.data(layui.setter.tableName),theme = local.theme || {}, themeColorIndex = parseInt((theme && theme.color) ? theme.color.index : 0) || 0;}}
    <div class="layui-card-header">配色方案</div>
    <div class="layui-card-body layadmin-setTheme">
        <ul class="layadmin-setTheme-color">
            {{#
                layui.each(layui.setter.theme.color, function(index, item){ }}
                    <li layadmin-event="setTheme" data-index="{{index}}" data-alias="{{item.alias}}" {{index===themeColorIndex?'class="layui-this"' : '' }} title="{{ item.alias }}">
                        <div class="layadmin-setTheme-header"></div>
                        <div class="layadmin-setTheme-side" style="background-color:{{item.main}};">
                            <div class="layadmin-setTheme-logo" style="background-color:{{item.logo}};"></div>
                        </div>
                    </li>
                {{# });
            }}
        </ul>
    </div>
</script>
<script>
    layui.data.theme = function () {
        layui.use('form', function () {
            var form = layui.form,
                admin = layui.admin;
            //监听隐藏开关
            form.on('switch(system-theme-sideicon)', function () {
                admin.theme({
                    hideSideIcon: this.checked
                })
            });
        });
    };
</script>